<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>VIP</title>
	<link rel="stylesheet" href="../css/reset.css">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="../font/iconfont.css">
	<link rel="stylesheet" href="../css/vip.min.css">
</head>
<body>
	<!-- 头部导航 -->
	<header>
		<div class="top">
			<div class="left">
				<span>北京</span><i class="iconfont icon-down-trangle"></i>
			</div>
			<div class="center">
				<i class="iconfont icon-sousuo"></i><span>搜索商户、商品、地点、用户、图文</span>
			</div>
		</div>
		<div class="bottom">
			<span>美食</span>
			<span>玩乐</span>
			<span>夜生活</span>
			<span>美容/SPA</span>
		</div>
	</header>
	<!-- 头部导航 -->
	<!-- <section class="banner">
		<img src="../images/vip_banner.png" alt="">
	</section> -->
	<div class="swiper-container banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../images/vip_banner.png" alt=""></div>
            <div class="swiper-slide"><img src="../images/vip_banner.png" alt=""></div>
            <div class="swiper-slide"><img src="../images/vip_banner.png" alt=""></div>
            <div class="swiper-slide"><img src="../images/vip_banner.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
	<!-- 会员权益日 -->
	<section class="vip_day">
		<h3>会员卡专享权益</h3>
		<div class="nav">
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/vip_hot.png" alt="">
				</dt>
				<dd>招牌美食</dd>
			</dl>
		</div>
	</section>
	<!-- 底部导航 -->
    <footer>
    	<a href="../index.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/jingxuan1.png" alt="">
	    		</dt>
	    		<dd>精选店</dd>
	    	</dl>
    	</a>
    	<a href="shequ.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/shequ.png" alt="">
	    		</dt>
	    		<dd>社区</dd>
	    	</dl>
    	</a>
    	<a href="#">
	    	<dl>
	    		<dt>
	    			<img src="../images/vip1.png" alt="">
	    		</dt>
	    		<dd class="huiyuan">VIP会员</dd>
	    	</dl>
    	</a>
    	<a href="tiaozhan.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/tiaozhan.png" alt="">
	    		</dt>
	    		<dd>挑战</dd>
	    	</dl>
    	</a>
    	<a href="wode.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/wode.png" alt="">
	    		</dt>
	    		<dd>我的</dd>
	    	</dl>
    	</a>
    </footer>
    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/vip.js"></script>
</body>
</html>